* {
    margin: 0;
    padding: 0;
}

a {
    color: #333;
    text-decoration: none;
}

a:hover {
    color: #f55
}

ul,
li {
    list-style: none;
}


/* 1rem=10px */


/* 375px为基准 */


/* iphone6,7,8 */

@media screen and (min-width:375px) {
    /* 10*375/375=10 */
    html,
    body {
        font-size: 10px !important;
    }
}


/* iphone6,7,8p */

@media screen and (min-width:414px) {
    /* 10*414/375=11.04 */
    html,
    body {
        font-size: 11.04px !important;
    }
}


/* ipad */

@media screen and (min-width:768px) {
    /* 10*768/375=20.48 */
    html,
    body {
        font-size: 20.48px !important;
    }
}